<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Rank List UI Design</title>
  <link rel="stylesheet" href="index.css">
</head>

<body>
  <div class="container">
    <h3>Popular Creator Rank List</h3>
    <div class="box">
      <div class="list">
        <div class="imgBx">
          <img src="https://i.pinimg.com/564x/cc/45/7f/cc457fc473184cf7c595dc091fadd755.jpg">
        </div>
        <div class="content">
          <h2 class="rank"><small>#</small>1</h2>
          <h4>Ricardo Flanagan</h4>
          <p>Digital Artist</p>
        </div>
      </div>
      <div class="list">
        <div class="imgBx">
          <img src="https://i.pinimg.com/736x/67/f6/67/67f6672e5f22fef6fc4e282cd0d827bf.jpg">
        </div>
        <div class="content">
          <h2 class="rank"><small>#</small>2</h2>
          <h4>Ricardo Flanagan</h4>
          <p>Digital Artist</p>
        </div>
      </div>
      <div class="list">
        <div class="imgBx">
          <img src="https://i.pinimg.com/564x/2b/74/01/2b740104422fce713496929d1312b7f3.jpg">
        </div>
        <div class="content">
          <h2 class="rank"><small>#</small>3</h2>
          <h4>Ricardo Flanagan</h4>
          <p>Digital Artist</p>
        </div>
      </div>
      <div class="list">
        <div class="imgBx">
          <img src="https://i.pinimg.com/564x/dd/d7/8b/ddd78bfb4e8f1cad41e532e42410cf89.jpg">
        </div>
        <div class="content">
          <h2 class="rank"><small>#</small>4</h2>
          <h4>Ricardo Flanagan</h4>
          <p>Digital Artist</p>
        </div>
      </div>
      <div class="list">
        <div class="imgBx">
          <img src="https://i.pinimg.com/564x/de/a5/45/dea5454eca1e71a5f92c3c9cc866acae.jpg">
        </div>
        <div class="content">
          <h2 class="rank"><small>#</small>5</h2>
          <h4>Ricardo Flanagan</h4>
          <p>Digital Artist</p>
        </div>
      </div>
    </div>
  </div>
</body>

</html>